{"componentChunkName":"component---src-templates-studio-page-js","path":"/studio/marry","webpackCompilationHash":"c021816e17e59e08b77b","result":{"data":{"site":{"siteMetadata":{"keywords":["blog","ubug","tech blog","技术博客","playground"]}},"mdx":{"fields":{"title":"💌 自己撸的一个婚礼相册！","noFooter":false,"description":"花了几天时间做的婚礼相册，还有祝福墙和电子请柬！把美美的照片全都放进去，不用微信一张张发了~~","date":"2020-09-20","author":"Ubug","banner":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='458'%3e%3cpath%20d='M163%20288l-23%2023%2014%2014%2014%2014%203-6%202-6-1%201c-1%202-6%201-6-1a191%20191%200%20019-38l2-6%202%203%201%203v-3c0-4%203-7%206-7s5%206%204%209l1%202%201-3c0-3%200-3%202%203l2%207%201%203c2%201%202%207%200%208l-3%209c0%205%201%206%204%2012l5%2010%2010%2020a479%20479%200%200046-48c0-2-5-8-22-24l-22-22h-30l-22%2023m52-14c-4%200-5%202-5%206-1%207%205%2012%2010%207%203-4%203-5%201-9-1-4-3-5-6-4'%20fill='%23573ede'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":0.8738019169329073,"src":"/static/703fa66d05421bf70a5f70fbe0d33218/fbb15/marry.png","srcSet":"/static/703fa66d05421bf70a5f70fbe0d33218/82675/marry.png 500w,\n/static/703fa66d05421bf70a5f70fbe0d33218/fef60/marry.png 1000w,\n/static/703fa66d05421bf70a5f70fbe0d33218/fbb15/marry.png 1094w","srcWebp":"/static/703fa66d05421bf70a5f70fbe0d33218/f71dc/marry.webp","srcSetWebp":"/static/703fa66d05421bf70a5f70fbe0d33218/7fe04/marry.webp 500w,\n/static/703fa66d05421bf70a5f70fbe0d33218/d619e/marry.webp 1000w,\n/static/703fa66d05421bf70a5f70fbe0d33218/f71dc/marry.webp 1094w","sizes":"(max-width: 1094px) 100vw, 1094px"}}},"noGlobalStyles":false,"bannerCredit":null,"slug":"/studio/marry","tags":["talking"]},"body":"const _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsx mdx */\n\nconst _frontmatter = {\n  \"slug\": \"marry\",\n  \"title\": \"💌 自己撸的一个婚礼相册！\",\n  \"tech\": \"other\",\n  \"date\": \"2020-09-20 20:28:12\",\n  \"description\": \"花了几天时间做的婚礼相册，还有祝福墙和电子请柬！把美美的照片全都放进去，不用微信一张张发了~~\",\n  \"titleColor\": \"#fff\",\n  \"btnStyle\": \"lightYellow\",\n  \"tags\": [\"talking\"],\n  \"banner\": \"../studios/marry.png\"\n};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return mdx(\"div\", props);\n};\nconst Device = makeShortcode(\"Device\");\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n      components\n    } = _ref,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"\\u5F00\\u53D1\\u8BE6\\u60C5\\u53EF\\u4EE5\\u5230 \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/blog/marry\"\n  }, \"\\uD83D\\uDC92 \\u7ED3\\u5A5A\\u64B8\\u4E2A\\u76F8\\u518C \\uD83C\\uDF88\\uD83C\\uDF89\\uD83D\\uDC96\\uD83D\\uDC97\\uD83D\\uDC95\\uD83D\\uDC98\")), mdx(\"p\", null, \"\\u624B\\u673A\\u53EF\\u4EE5\\u70B9\\u51FB\\uFF1A \", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://fdb.ubug.io/marry/index.html\"\n  }, \"\\u6211\\u4EEC\\u7ED3\\u5A5A\\u5566\")), mdx(Device, {\n    mdxType: \"Device\"\n  }, mdx(\"iframe\", {\n    style: {\n      width: '100%',\n      height: '100%',\n      border: 0,\n      background: '#fff'\n    },\n    src: \"https://fdb.ubug.io/marry/index.html\"\n  })));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"isCreatedByStatefulCreatePages":false,"id":"90b0ed9f-3e81-58b0-b025-940d75de0070","prev":{"fileAbsolutePath":"D:/ubug/storybook/content/studio/short-url/short-url.md","id":"36992e38-be01-58aa-b6c3-d76c51346f17","parent":{"name":"short-url","sourceInstanceName":"studio"},"excerpt":"相关文章： 🔗 30 分钟创建一个短链服务 这是地址： 短链服务 “域名很简练，如果用来做短链服务的话应该挺有意思” 这个想法一直存在，决定要做之后发现还是挺容易实现的，过程很有意思。 后期看心情可能增加统计功能、自动二维码、加密、自定义等功能，也可能落在这吃灰。","fields":{"title":"🔗 短链服务","slug":"/studio/short-url","description":"对于技术人来说，很多优秀的技术需要踮起脚尖才能看到。技术无界限，但是还是需要遵守肉身所在地的法律法规哦~~","date":"2020-09-20","redirects":null,"datetime":"2020-09-20 20:28:12","categories":[],"series":null,"tags":["short-url","短链"],"status":"online"},"frontmatter":{"published":null,"tags":["short-url","短链"],"theme":null,"slug":"short-url","date":"2020-09-20 20:28:12"},"body":"const _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsx mdx */\n\nconst _frontmatter = {\n  \"slug\": \"short-url\",\n  \"title\": \"🔗 短链服务\",\n  \"tech\": \"other\",\n  \"date\": \"2020-09-20 20:28:12\",\n  \"description\": \"对于技术人来说，很多优秀的技术需要踮起脚尖才能看到。技术无界限，但是还是需要遵守肉身所在地的法律法规哦~~\",\n  \"titleColor\": \"#3f3f3f\",\n  \"btnStyle\": \"darkBlue\",\n  \"contentPadding\": \"3% 10% 0\",\n  \"tags\": [\"short-url\", \"短链\"],\n  \"banner\": \"../studios/short.png\"\n};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return mdx(\"div\", props);\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n      components\n    } = _ref,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"hr\", null), mdx(\"p\", null, \"\\u76F8\\u5173\\u6587\\u7AE0\\uFF1A\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"/blog/short-url-service-in-30-minutes\"\n  }, \"\\uD83D\\uDD17 30 \\u5206\\u949F\\u521B\\u5EFA\\u4E00\\u4E2A\\u77ED\\u94FE\\u670D\\u52A1\")), mdx(\"p\", null, \"\\u8FD9\\u662F\\u5730\\u5740\\uFF1A\", mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://s.ubug.io/\"\n  }, \"\\u77ED\\u94FE\\u670D\\u52A1\")), mdx(\"hr\", null), mdx(\"p\", null, mdx(\"figure\", {\n    parentName: \"p\",\n    \"className\": \"gatsby-resp-image-figure\",\n    \"style\": {}\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"1035px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/abac10aa1271ddc100a766e57da44f0c/47e4d/banner.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"29.72972972972973%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAYAAADDl76dAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAjElEQVQY052QSw6DMAxEuf8N2bClqC0t4DhfMo2NgtoNUmNplLElP03c4atyzudrnVc5H0DGYllJvczYOqSUfnZqdVdAw1Zhj/mN6T4ffVEbsCxtxHi+FpUkJMMK8yVp/Ae47xkhRO3F16pe0sWWLx83dLhNhGFYS2/PGzYBZTFEj3Fk9P2mXmZXN/wA3xrYup9WGI0AAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"短链服务\",\n    \"title\": \"短链服务\",\n    \"src\": \"/static/abac10aa1271ddc100a766e57da44f0c/0dc48/banner.png\",\n    \"srcSet\": [\"/static/abac10aa1271ddc100a766e57da44f0c/2c191/banner.png 259w\", \"/static/abac10aa1271ddc100a766e57da44f0c/86b01/banner.png 518w\", \"/static/abac10aa1271ddc100a766e57da44f0c/0dc48/banner.png 1035w\", \"/static/abac10aa1271ddc100a766e57da44f0c/47e4d/banner.png 1403w\"],\n    \"sizes\": \"(max-width: 1035px) 100vw, 1035px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-figcaption\"\n  }, \"\\u77ED\\u94FE\\u670D\\u52A1\"), \"\\n  \")), mdx(\"p\", null, \"\\u201C\\u57DF\\u540D\\u5F88\\u7B80\\u7EC3\\uFF0C\\u5982\\u679C\\u7528\\u6765\\u505A\\u77ED\\u94FE\\u670D\\u52A1\\u7684\\u8BDD\\u5E94\\u8BE5\\u633A\\u6709\\u610F\\u601D\\u201D \\u8FD9\\u4E2A\\u60F3\\u6CD5\\u4E00\\u76F4\\u5B58\\u5728\\uFF0C\\u51B3\\u5B9A\\u8981\\u505A\\u4E4B\\u540E\\u53D1\\u73B0\\u8FD8\\u662F\\u633A\\u5BB9\\u6613\\u5B9E\\u73B0\\u7684\\uFF0C\\u8FC7\\u7A0B\\u5F88\\u6709\\u610F\\u601D\\u3002\"), mdx(\"p\", null, \"\\u540E\\u671F\\u770B\\u5FC3\\u60C5\\u53EF\\u80FD\\u589E\\u52A0\\u7EDF\\u8BA1\\u529F\\u80FD\\u3001\\u81EA\\u52A8\\u4E8C\\u7EF4\\u7801\\u3001\\u52A0\\u5BC6\\u3001\\u81EA\\u5B9A\\u4E49\\u7B49\\u529F\\u80FD\\uFF0C\\u4E5F\\u53EF\\u80FD\\u843D\\u5728\\u8FD9\\u5403\\u7070\\u3002\"));\n}\n;\nMDXContent.isMDXComponent = true;"},"next":{"fileAbsolutePath":"D:/ubug/storybook/content/studio/game/index.md","id":"001e77ff-90f9-532a-ac87-6b24653ab1ed","parent":{"name":"index","sourceInstanceName":"studio"},"excerpt":"平时开发着玩的一些小游戏或者类似的页面/应用：","fields":{"title":"🎮 游戏","slug":"/studio/games","description":"实现的简单小游戏：元素消除、斗兽棋、你画我猜、五子棋、迷宫、六角拼图、指挥地图","date":"2020-07-20","redirects":null,"datetime":"2020-07-20 20:28:12","categories":[],"series":null,"tags":["game","games"],"status":"online"},"frontmatter":{"published":null,"tags":["game","games"],"theme":null,"slug":"games","date":"2020-07-20 20:28:12"},"body":"const _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }\n/* @jsx mdx */\n\nconst _frontmatter = {\n  \"slug\": \"games\",\n  \"title\": \"🎮 游戏\",\n  \"tech\": \"javascript\",\n  \"date\": \"2020-07-20 20:28:12\",\n  \"description\": \"实现的简单小游戏：元素消除、斗兽棋、你画我猜、五子棋、迷宫、六角拼图、指挥地图\",\n  \"titleColor\": \"#dcdcdc\",\n  \"btnStyle\": \"darkBlue\",\n  \"tags\": [\"game\", \"games\"],\n  \"banner\": \"../studios/game.png\"\n};\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return mdx(\"div\", props);\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n      components\n    } = _ref,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, \"\\u5E73\\u65F6\\u5F00\\u53D1\\u7740\\u73A9\\u7684\\u4E00\\u4E9B\\u5C0F\\u6E38\\u620F\\u6216\\u8005\\u7C7B\\u4F3C\\u7684\\u9875\\u9762/\\u5E94\\u7528\\uFF1A\"), mdx(\"hr\", null), mdx(\"div\", {\n    \"style\": {},\n    \"\\\"flex\\\"}}\": \"\"\n  }, \"\\n  \", mdx(\"figure\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"200px\\\",\": \"\",\n    \"flexshrink:\": \"\",\n    \"\\\"0\\\",\": \"\",\n    \"marginright:\": \"\",\n    \"\\\"20px\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"640px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/f08aa99fa9e9407f08db431438fdcaa3/d98de/hexGame.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"149.034749034749%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAACXBIWXMAAAsTAAALEwEAmpwYAAAD10lEQVRIx81VS2wbVRT12G5iO6kdcKJEMf0kxY5D0zQdO45n5s14PnbsGBMnsaqkbT4lakLStFGiglpIRUuQSiCqCkL9gWDFggUqFKKIHVSIsiiIj5CQWFYgfuoeweLwZjK2i0n6SxYsrp5m5t0z555733mW2tpaBINBWCyWdQXDMGhoaICFZVkQQlBXV4fq6up1gTocDli8Xi/cbjd8Ph9qamrWzdSyAQCrA+oabCjghjMsDStlnA+G+b8wZMzV4yrH2SEZs+kQzg3LaAk+Cn9TAE1NfjQ2NqC1dRcqKiruAdAsTWvZipsXJvDBiX78fHECRwe6IKsK4poMWRaRyXRh+/Ztd+myuVaW2/HLhTG8eSQLf5jD5alu/HFpHAmFgIgCVDUGjosgnU7C5XLeXcPm5gCeH8lgJKuhneMwnE3g+IEuEImAJwIkSaAsJcRiIli27c6A+tGRFQntvGAkiyKPdFJFShORS2voTckQCI94XIEgRJFKJeDxeP4LmB/qcJiFpspQqE6qTLCHJzg3nsFvF8fxzcIglub6EaLvRMIhkdAoKGdouipDn6/e+BiLEWPtEHiM9sTx7SsjmH/yccwMpPD1S4M4cSAFXqT7CqUT+P07ioB5dk10LDTaRYlqpSoiQlQ/PfnHV0fRqRJwFOSTU/twfrIbJEb3UTlUdWV/iZZFutFoxNikM5RpyQIFCbVHzETaYcpIotHWwUKlOhJask6ixAeKgF7vw1BoUwTaEDbcgUNDaSy9NYFkIkYBRXAkiie0OD6ePIP+zjQkVcSWR3x3Hhu9Mfv3JpGIx/Da6X348/t5HKYaipQtkXg8kx3E3y+8jxdzh6gMHJ1fZi37MllWuXDry9P4bmkGv35xEl9dncatG6egaAI6ZQW/z72D6xOLwMvL2FO/o2AkazLUT8z+7jCOHc7h2ek+zD7Vi5MzOePYXR2fx7WpRUz2DeCI3AOXvexe3cZqNCMQ3IlQuB2B5p0gXBSfjS1gPjOCVp5FeaVzLWM2mVmp99lWQi/famUKUpT6oa6bEcy/c247KQ/ge8xqV6n+3mTSGtkCLfuYEfZNVlPslbWtvhFXhuZQev94HnIi0duCzr4WbPNXFxnqAK9fGcKnN5/DpY8Oooxa2O3M3947g7/OfIhZscd4ttlWftQzHMK1n+aw/MPTIMlAETCZ24X3bhzFu9ensLtjq/HBbiYN7Jbw+eQijom9GIukCizLnXa8sTxq5Bw/myn0wQDcVGaDu8oJNy0h//f8bC10HcS00L2qjpurHNjsccBVWXb/l5TNai0d4Ae/9Zj76P4/MZkhoZgFxtQAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"hexGame\",\n    \"title\": \"hexGame\",\n    \"src\": \"/static/f08aa99fa9e9407f08db431438fdcaa3/d98de/hexGame.png\",\n    \"srcSet\": [\"/static/f08aa99fa9e9407f08db431438fdcaa3/2c191/hexGame.png 259w\", \"/static/f08aa99fa9e9407f08db431438fdcaa3/86b01/hexGame.png 518w\", \"/static/f08aa99fa9e9407f08db431438fdcaa3/d98de/hexGame.png 640w\"],\n    \"sizes\": \"(max-width: 640px) 100vw, 640px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"style\": {},\n    \"\\\"center\\\"}}\": \"\"\n  }, \"\\u516D\\u89D2\\u62FC\\u56FE\\u9884\\u89C8\\u56FE\"), \"\\n  \"), \"\\n  \", mdx(\"div\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"auto\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/hexGame/index.html\"\n  }, \"\\u516D\\u89D2\\u62FC\\u56FE\"), \"\\n    \", mdx(\"hr\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"10px\": \"\",\n    \"0\\\"}}\": \"\"\n  }), \"\\n    \", mdx(\"div\", {\n    parentName: \"div\"\n  }, \"\\bPixiJS \\u6846\\u67B6\\u5B9E\\u73B0\\u7684\\u4E00\\u4E2A\\u5C0F\\u6E38\\u620F\\uFF0C\\u64B8\\u8D77\\u6765\\u6BD4\\u81EA\\u5DF1\\u5B9E\\u73B0\\u66F4\\u80FD\\u4E13\\u6CE8\\u5230\\u73A9\\u6CD5\\u548C\\u4E1A\\u52A1\\u4E0A\\u3002\"), \"\\n  \")), mdx(\"hr\", null), mdx(\"div\", {\n    \"style\": {},\n    \"\\\"flex\\\"}}\": \"\"\n  }, \"\\n  \", mdx(\"figure\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"200px\\\",\": \"\",\n    \"flexshrink:\": \"\",\n    \"\\\"0\\\",\": \"\",\n    \"marginright:\": \"\",\n    \"\\\"20px\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"828px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/2fc1d9ee74d590d659574f0042be826a/d26fb/tracking.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"177.6061776061776%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,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')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"tracking\",\n    \"title\": \"tracking\",\n    \"src\": \"/static/2fc1d9ee74d590d659574f0042be826a/d26fb/tracking.png\",\n    \"srcSet\": [\"/static/2fc1d9ee74d590d659574f0042be826a/2c191/tracking.png 259w\", \"/static/2fc1d9ee74d590d659574f0042be826a/86b01/tracking.png 518w\", \"/static/2fc1d9ee74d590d659574f0042be826a/d26fb/tracking.png 828w\"],\n    \"sizes\": \"(max-width: 828px) 100vw, 828px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"style\": {},\n    \"\\\"center\\\"}}\": \"\"\n  }, \"\\u6307\\u6325\\u5730\\u56FE\\u9884\\u89C8\\u56FE\"), \"\\n  \"), \"\\n  \", mdx(\"div\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"auto\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/tracking/index.html\"\n  }, \"\\u6307\\u6325\\u5730\\u56FE\\u98CE\\u683C\"), \"\\n    \", mdx(\"hr\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"10px\": \"\",\n    \"0\\\"}}\": \"\"\n  }), \"\\n    \", mdx(\"div\", {\n    parentName: \"div\"\n  }, \"\\b\\u91CC\\u9762\\u7684\\u89C6\\u89C9\\u6548\\u679C\\u90FD\\u662F CSS \\u5B9E\\u73B0\\u7684\\uFF0C\\u50CF\\u662F\\u7535\\u5F71\\u91CC\\u9762\\u7684\\u7279\\u5DE5\\u6548\\u679C\\uFF0C\\u6700\\u540E\\u7684\\u754C\\u9762\\u770B\\u8D77\\u6765\\u5F88\\u9177\\u70AB\\uFF0C\\u5B9E\\u73B0\\u7684\\u8FC7\\u7A0B\\u4E5F\\u5F88\\u597D\\u73A9\\u3002\\u5730\\u56FE\\u7528\\u7684\\u9AD8\\u5FB7\\u7684 SDK\\uFF0C\\u652F\\u6301 3D \\u89C6\\u89D2\\uFF0C\\u518D\\u52A0\\u4E0A CSS \\u5B9E\\u73B0\\u89C6\\u56FE\\u4E0A\\u7684\\u6EE4\\u955C\\uFF0C\\u4E00\\u4E9B\\u7535\\u5F71\\u7684\\u5143\\u7D20\\uFF0C\\u5C31\\u80FD\\u5B9E\\u73B0\\u8FD9\\u4E2A\\u6548\\u679C\\u4E86\\u3002\"), \"\\n  \")), mdx(\"hr\", null), mdx(\"div\", {\n    \"style\": {},\n    \"\\\"flex\\\"}}\": \"\"\n  }, \"\\n  \", mdx(\"figure\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"200px\\\",\": \"\",\n    \"flexshrink:\": \"\",\n    \"\\\"0\\\",\": \"\",\n    \"marginright:\": \"\",\n    \"\\\"20px\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"782px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/583189a133c1b42e354eb1255445122d/3574d/elements.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"86.48648648648648%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAAAsSAAALEgHS3X78AAAEFklEQVQ4yyWUWXMTRxSF9UfzD/IQHpKXPBBIMBSrTZF4wdgQ8AKEEHCohJRtsOMFJGvfZ0azaGY0WkfSjGTJGPPlWumqrunuuvfO6XPu6Uhl9xpv0wu4hXV6RpK+GcPI7BD75w8S+7v4Tpb525d5MPUVu+n7RKOzePk97MIe1dwOemKHnT9fcLi5ivbxNRE//Qpr4yb++4eMY/MMti5BI8tnr8CJk4Gxy+P5aX5f/Ikw+hBjYwbyz+m//R6cA+gofLaSnLUUThtlIs7+GuOjpwxzG5zknnOSXeesnuU0tk23mUUZvWVp+hJP7kiB3Gv60Wd8Km5IzgOJy0j8PqeOQjLdpp47JNLIbfPFS3Ji7HNc3iLMvKL7cYVwf4Vj8yOEeR7dm2J9/jr0i4yMPUbqFoP8G4LEKsHOEuPyLv1qgVCPEqnntxlaUQIzykAKdEtb9FK/4adeEijvJ1davneN9cVbss5IbILAiNErbNNM/Ukz+ZJQgIzsI6kRI1KMvqLmqnh2CctScZ0cnUYKT8kxqMRp+Q1+vn6Rpbs/ELaLeJqGalZw9Cy5ho+m6QzVKK5XxcjuEVFTuzQ9F8Nro9ccaiJGqeZhuRZN1+a03WJ+6jsezd2i03JxywXqNQu3lcGvpak7FZqy79YaePG/iNQEdtfLo7o+lbqO0rIkSKPtpinqKp86Jkt3fmRl9irCg3Bl4LsORssmqKbxrRhqVcGr6vRK/xIppISLusKJHJqKQd1MMKzFMW2XppbmuFNg4fYlln+5QSdQGbhJQjOFbsgs6xiVquSUadsJ6qVdInpqR+CWOXM1QjVBTXrKtm3h1aDlFuh2WszeuMjjuZv0OzZuLUVgJ+loOeE9idsw5TZFia/iZAWhlXrD2MvRs5uojSpmo05NU+kJim7VxOmHzM5cY3X2CqedLIYht5ACQUOjIS5qG1GGtghV97EEUMRK/y1yy5+sPFbdZSwkB0aWsu3hqUURpcH96as8np3izBfEwpUtKM87YWQU0CwHV9fkXERU4kS8zCYDZQ+1UsSvlxlYGWxTpyEcVtWy2LDI8swVVueksVviHMej2izSl76rmSKGU8MR1IGeIVQOpKBwOK4c4Bfe0ReVgvIefvGQsbJPvyxOsd+xfPsC63N3wUvhlA5p5Q4YigDtwiHHJXFO6YCwtElQeEqkqRxxPoru+oTs/8cpZjVE03uT3fLMZdYWpydrtZ1iM6rA2fnuE37Hp/z+A3w+YVAVp7iHT2HUw7EOGHQr4t02DNu0hSvP0CRpwOLUNzy59a2sR3h1ocYXKkbBJC9s2ljlrGA4ppd+Q8R8t0CYXCOIP6MfX6MXX5nMc+P3jp5wVnzBwpWv+fXGBb6UXtCNrdE/krczvjqZ/YTkSv75t/XhIf8BrEalRBiat5QAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"elements\",\n    \"title\": \"elements\",\n    \"src\": \"/static/583189a133c1b42e354eb1255445122d/3574d/elements.png\",\n    \"srcSet\": [\"/static/583189a133c1b42e354eb1255445122d/2c191/elements.png 259w\", \"/static/583189a133c1b42e354eb1255445122d/86b01/elements.png 518w\", \"/static/583189a133c1b42e354eb1255445122d/3574d/elements.png 782w\"],\n    \"sizes\": \"(max-width: 782px) 100vw, 782px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"style\": {},\n    \"\\\"center\\\"}}\": \"\"\n  }, \"\\u5143\\u7D20\\u6D88\\u9664\\u9884\\u89C8\\u56FE\"), \"\\n  \"), \"\\n  \", mdx(\"div\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"auto\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"div\", {\n    parentName: \"div\"\n  }, mdx(\"strong\", {\n    parentName: \"div\"\n  }, \"\\u5143\\u7D20\\u6D88\\u9664\")), \"\\n    \", mdx(\"div\", {\n    parentName: \"div\"\n  }, \"\\b\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"\\u8FD9\\u662F\\u4E00\\u4E2A\\u591A\\u4EBA\\u6E38\\u620F\\uFF0C\\u7EAF Dom \\u5B9E\\u73B0\\u7684\\u4EA4\\u4E92\\uFF0C\\u6ED1\\u52A8\\u4EA4\\u6362\\u5143\\u7D20\\u6765\\u83B7\\u5F97\\u5206\\u6570\\u3002\"), \"\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"\\u8FD9\\u4E2A\\u6E38\\u620F\\u73A9\\u6CD5\\u5185\\u6838\\u81EA\\u5DF1\\u7422\\u78E8\\u7684\\uFF0C\\u7B97\\u6CD5\\u90E8\\u5206\\u4E5F\\u82B1\\u4E86\\u4E00\\u70B9\\u65F6\\u95F4\\uFF0C\\u611F\\u89C9\\u6570\\u636E\\u7684\\u5224\\u5B9A\\u3001\\u5FAA\\u73AF\\u7B49\\u8FD8\\u662F\\u5F88\\u6709\\u610F\\u601D\\u7684\\u3002\"), \"\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"\\u6570\\u636E\\u5C42\\u53EF\\u4EE5\\u517C\\u5BB9 WS \\u548C localstorage \\u4E8B\\u4EF6\\u4E24\\u79CD\\u65B9\\u5F0F\\uFF0C\\u8FD9\\u91CC\\u7528\\u7684\\u662F localstorage\\uFF0C\\u652F\\u6301\\u591A\\u4EBA\\u8FDB\\u5165\\uFF0C\\u591A\\u4EBA\\u56F4\\u89C2\\uFF0C\\u968F\\u65F6\\u8FDB\\u5165\\u3002\"), \"\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"(\\u8BF7\\u5728\\u540C\\u4E00\\u4E2A\\u6D4F\\u89C8\\u5668\\u7684\\u4E0D\\u540C Tab \\u4E0B\\u6D4F\\u89C8\\uFF0C\\u4E0D\\u7136\\u65E0\\u6CD5\\u901A\\u8FC7 localstorage \\u901A\\u4FE1)\"), \"\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=elements&uid=100\"\n  }, \"\\u623F\\u4E3B\"), \" |\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=elements&uid=101\"\n  }, \"\\u73A9\\u5BB6 1\"), \" |\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=elements&uid=102\"\n  }, \"\\u73A9\\u5BB6 2\"), \"\\n    \"), \"\\n  \")), mdx(\"hr\", null), mdx(\"div\", {\n    \"style\": {},\n    \"\\\"flex\\\"}}\": \"\"\n  }, \"\\n  \", mdx(\"figure\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"200px\\\",\": \"\",\n    \"flexshrink:\": \"\",\n    \"\\\"0\\\",\": \"\",\n    \"marginright:\": \"\",\n    \"\\\"20px\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"786px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/6b89cd5322b0dec298a0b94f47d7e85f/07cd2/animal.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"86.48648648648648%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAAAsSAAALEgHS3X78AAAEoElEQVQ4yw2T6VOUBQCH92P1oelDygdnmkpryg8xKpKig6mjcSieGEMbFjl4JCoap4jXgtywwivHwu7CLnu9u7zsBSx7CMt9CAiK5pFj2pRZY4pX2vTEf/D8nvk9soPVBazRmVjQME6I5jYh2jssUl0mrLydiOoeUtp/ZltWMTtTk4lu1rFACDBPmCakZpr5tVd4r2aM0HMSK8qdHBF7kZWZi1BPWtEEhjHo9TRaGqkVddS0uWkIjGHsv8bB9DRS8/aivSYhBEep6fAgtOqpbBWpMrcj+Eao9ozT7JaQnddk0NeVzWRRKlPHYhjI2UHh2UpOFehQ1Rvw27Qc2J/E4Uw5w4N5XFWmMXN8G9NZUdSdKaDghIoGlUiXQYNJk48s3n2X7SMQG3zG2l74ovs1q7thVeBfwrtesLQfPj6uJbpIT8I4xPkfstH/lPW+WSJ9z1nle8lKzxPCPLMs6XiMLLetD0u7AWVwkEB/GcbhVtz9F7AONGPsa8I9piGuqBF5oRpTr59C7xjmgBq1X0TrM6L3aqn2OTF2KDk0+BuyanUxT80bCKriofUdfrcuA3E+j8VPeGj4CLyL+bbkPCnZWby0x+AX5LwSQ3ho/IxHLQt5YfqQG9oVYHmLC8EAsjxjCzOOdGyd9VzWRdPuymVASsLvOEK/cy+3PbuILagnMS+fGY8C0Sow2rSVgC6FgCWFAVMiLnMmd/QRZPkn5ggtBfwjLcISqENe4yfVNUqhZ4oyzyQTbjn3OrcQrahjT85RHjuW42zNZZcySLI6QJ7nOgXSZdyOU9zRhpExp0PWaMgB5zy8hn0I3iFUnVaqxDaaW23cl8L5LxjOJoXAD1n75uZ/QL96O6WOAVRdLpSiDa3kYsK2A9zzONF1EdkZSwO3TJEYL3nROCTyAyMcUfeQZxqkU1dCX30GUQVNJGafZEK3nRaHCsHupcTm4UfLGCf03Rh1TfQpviItcBuZ3ngU7G/gEDOoco6Qr7HT2lCN2FhBT+ZRppQCsTkCh47vAc+79JrllEkjKCUnhoYq7EYBryKd6ZP55DlHkZ0zVfHAGkZLt5lysYuKjiBuex1Wh4Yeg4IJi4INZxvYnZ3JPcs6bFIRheIApZIPq02PxdRIl7mMmfrDHPNfQVYjFjErhdLrzeB+22omfAe4b1/DdVc8vsoUxit2EnOqkZTcdP60r8VjTmPaGsew7TsmzfHcbI3FWZPD1JnVZHZNI5PEtLn/vcmEYT2z4ofcFVfySnqfv9qWcqM2iifmzXytqCczNxlcb3NJFckf+kX82rKEBy2f8rxtIZPCNmZrQxEuDiHL7hhCHHLgHPUwGCxHHPdR43BQbnBSYh7BNPET8RUW5Plz9fTbMfns+D0V2C62ILS1cUGrpcwyiBjwc/bqC2SbpR6SR27idafT6TOjuPKIjUb4svAZMUU97L50i42nT7NOoSRh5jUuz2mCXjXC1C9scUF08Wuiz02R4LtG0uAUsqTSVezXriG+fBk7679hvRQkov1vNhtKiStejFwVTtSBUDalLufwXKKJlUtJqIsnRnIT0fmUaKuVrZWfE69cxveNkfwP5Km2LjYrkEYAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"animal\",\n    \"title\": \"animal\",\n    \"src\": \"/static/6b89cd5322b0dec298a0b94f47d7e85f/07cd2/animal.png\",\n    \"srcSet\": [\"/static/6b89cd5322b0dec298a0b94f47d7e85f/2c191/animal.png 259w\", \"/static/6b89cd5322b0dec298a0b94f47d7e85f/86b01/animal.png 518w\", \"/static/6b89cd5322b0dec298a0b94f47d7e85f/07cd2/animal.png 786w\"],\n    \"sizes\": \"(max-width: 786px) 100vw, 786px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"style\": {},\n    \"\\\"center\\\"}}\": \"\"\n  }, \"\\u6597\\u517D\\u68CB\\u9884\\u89C8\\u56FE\"), \"\\n  \"), \"\\n  \", mdx(\"div\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"auto\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"div\", {\n    parentName: \"div\"\n  }, mdx(\"strong\", {\n    parentName: \"div\"\n  }, \"\\u6597\\u517D\\u68CB\")), \"\\n    \", mdx(\"div\", {\n    parentName: \"div\"\n  }, \"\\b\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"\\u8FD9\\u662F\\u4E00\\u4E2A\\u591A\\u4EBA\\u6E38\\u620F\\uFF0C\\u7EAF Dom \\u5B9E\\u73B0\\u7684\\u4EA4\\u4E92\\u3002\"), \"\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"\\u6570\\u636E\\u5C42\\u53EF\\u4EE5\\u517C\\u5BB9 WS \\u548C localstorage \\u4E8B\\u4EF6\\u4E24\\u79CD\\u65B9\\u5F0F\\uFF0C\\u8FD9\\u91CC\\u7528\\u7684\\u662F localstorage\\uFF0C\\u652F\\u6301\\u591A\\u4EBA\\u8FDB\\u5165\\uFF0C\\u591A\\u4EBA\\u56F4\\u89C2\\uFF0C\\u968F\\u65F6\\u8FDB\\u5165\\u3002\"), \"\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"(\\u8BF7\\u5728\\u540C\\u4E00\\u4E2A\\u6D4F\\u89C8\\u5668\\u7684\\u4E0D\\u540C Tab \\u4E0B\\u6D4F\\u89C8\\uFF0C\\u4E0D\\u7136\\u65E0\\u6CD5\\u901A\\u8FC7 localstorage \\u901A\\u4FE1)\"), \"\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=animal&uid=100\"\n  }, \"\\u623F\\u4E3B\"), \" |\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=animal&uid=101\"\n  }, \"\\u73A9\\u5BB6 1\"), \" |\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=animal&uid=102\"\n  }, \"\\u73A9\\u5BB6 2\"), \"\\n    \"), \"\\n  \")), mdx(\"hr\", null), mdx(\"div\", {\n    \"style\": {},\n    \"\\\"flex\\\"}}\": \"\"\n  }, \"\\n  \", mdx(\"figure\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"200px\\\",\": \"\",\n    \"flexshrink:\": \"\",\n    \"\\\"0\\\",\": \"\",\n    \"marginright:\": \"\",\n    \"\\\"20px\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"784px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/e4132df1e528ace726dc9ee30c952c4a/60ade/paint.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"86.48648648648648%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAAAsSAAALEgHS3X78AAADj0lEQVQ4y22U61MaZxTG+TMz0y/90Gn7oZPph840vU3aRm1TbRojioACaggxiSY2dZp6j7ZK1FrwQhDkIooKgoDCAi67v55dojHT7swz57zvPu9znnP2YhmftPLLP5M4t7IMvS7hCZdwrO5h+32e/rlNZhNVvmu/R2vLhzj/fkaHPyTxENtKit7VfexLUe49m6HnhZ/J5QCWrrkA1oDcCKbxTi7jjVYYzkA47mdp9TEzh9Bmc3L9jp2+7WOswQPG1+KMJup4s7CS3mNzbZCR1zmWDgpYFiP7JEo1dgoVDnIljiSm61CoVjjO71ICOt1D/Ox6SFqFjUyJtHAOc2ckFcgqNQqFGKmiQqysYdndT0EtyjuXVhXUQG8unQP3GfQ9kuywuX9x6fV31mUpaNnZF1I5QqN+ap7X6gW0Ygi9mkWtHJlEh2cIl++JZBnOy4doBk9V0ErbaIqsq8ci3qB4LoKxdKZpStPQNRVdOUAvp0zBxlmqKSgOXQ+GzbzRUJvmqhnhJZuxsicbKiXDYWy/6ULTjSI16eIEXddF/JyGkv0fQSmsC2q5ZhSeXi+arZcuWzaIhkNzfFm5J+RGHbWc/o+gqqpvRlM02zVzRUyJsNlyIn18MeG38TwvKMhpxdzpE0GPOcOrPJqcek7EKuayoupY/no0RHz6D3ZGXuAPpZk6gVnpdEbqTB1p+EXzC8cjum5+RWJ+lcjoFGH/OnPS5YJwFkRvPmdEnZmsCDpXxniaCPJAFHxxFa906ZVn4ZU5DyUbjIiJ69YRPrd+z0gqgG/iiCdrx9w/MHi6ybsKS8vYCvaVE36YCGILZOgLFXFHFdyRCv3hM3xS4JO7Hj5o6WJwu8rt6S2s8ukNRKsmxyPcq7B87Vuga/6Im78u0zqxQdvkJh1/xrFtFOkO5HCJ64/anbx34yfs/jLfjC5yZzGJM1yhd7NEz0ZBuG9haZ/bxr51Sk8wL4SiGQ0hI7et53EnND7u6OfaZ604lk75cniO27Nh2l9Guftqz+RdhaX9ZYReQ3D9pIk3lYz8qsP3v+3EEVBokS5+FBNt0yFapZvuoHHOOHPSdNi5lMQTq+PaLuOSmVzAHVHMGQ7uIg5dfGr18lBe2QGZ02CsdgmPMUeBI1Q2YXG/ijG+W2Fsp8Tz+Cm/Jco8T5wxnjzjqex1TFe4dsPOrW4niUKVHfnLxPLlS8TzFWIFhS55S26NZ/kXRhqlShlF3SAAAAAASUVORK5CYII=')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"paint\",\n    \"title\": \"paint\",\n    \"src\": \"/static/e4132df1e528ace726dc9ee30c952c4a/60ade/paint.png\",\n    \"srcSet\": [\"/static/e4132df1e528ace726dc9ee30c952c4a/2c191/paint.png 259w\", \"/static/e4132df1e528ace726dc9ee30c952c4a/86b01/paint.png 518w\", \"/static/e4132df1e528ace726dc9ee30c952c4a/60ade/paint.png 784w\"],\n    \"sizes\": \"(max-width: 784px) 100vw, 784px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"style\": {},\n    \"\\\"center\\\"}}\": \"\"\n  }, \"\\u4F60\\u753B\\u6211\\u731C\\u9884\\u89C8\\u56FE\"), \"\\n  \"), \"\\n  \", mdx(\"div\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"auto\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"div\", {\n    parentName: \"div\"\n  }, mdx(\"strong\", {\n    parentName: \"div\"\n  }, \"\\u4F60\\u753B\\u6211\\u731C\")), \"\\n    \", mdx(\"div\", {\n    parentName: \"div\"\n  }, \"\\b\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"\\u8FD9\\u662F\\u4E00\\u4E2A\\u591A\\u4EBA\\u6E38\\u620F\\uFF0C\\u53EF\\u4EE5\\u5728\\u753B\\u5E03\\u4E0A\\u968F\\u4FBF\\u753B\\uFF0C\\u6BCF\\u4E2A\\u4EBA\\u540C\\u6B65\\u89C2\\u770B\\u804A\\u5929\\u731C\\u8BCD\\u3002\"), \"\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"\\u6570\\u636E\\u5C42\\u53EF\\u4EE5\\u517C\\u5BB9 WS \\u548C localstorage \\u4E8B\\u4EF6\\u4E24\\u79CD\\u65B9\\u5F0F\\uFF0C\\u8FD9\\u91CC\\u7528\\u7684\\u662F localstorage\\uFF0C\\u652F\\u6301\\u591A\\u4EBA\\u8FDB\\u5165\\uFF0C\\u591A\\u4EBA\\u56F4\\u89C2\\uFF0C\\u968F\\u65F6\\u8FDB\\u5165\\u3002\"), \"\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"(\\u8BF7\\u5728\\u540C\\u4E00\\u4E2A\\u6D4F\\u89C8\\u5668\\u7684\\u4E0D\\u540C Tab \\u4E0B\\u6D4F\\u89C8\\uFF0C\\u4E0D\\u7136\\u65E0\\u6CD5\\u901A\\u8FC7 localstorage \\u901A\\u4FE1)\"), \"\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=paint&uid=100\"\n  }, \"\\u623F\\u4E3B\"), \" |\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=paint&uid=101\"\n  }, \"\\u73A9\\u5BB6 1\"), \" |\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=paint&uid=102\"\n  }, \"\\u73A9\\u5BB6 2\"), \"\\n    \"), \"\\n  \")), mdx(\"hr\", null), mdx(\"div\", {\n    \"style\": {},\n    \"\\\"flex\\\"}}\": \"\"\n  }, \"\\n  \", mdx(\"figure\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"200px\\\",\": \"\",\n    \"flexshrink:\": \"\",\n    \"\\\"0\\\",\": \"\",\n    \"marginright:\": \"\",\n    \"\\\"20px\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"785px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/dbc4f0524d6aac960cb57bbdf65c5cd6/45ebc/wuziqi.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"86.48648648648648%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAAAsSAAALEgHS3X78AAAEJElEQVQ4y02S2VNTBxSH8+90mY7Tlz51urhMFyp166iMxaGjlY4oi1MptoQWRJ0KLgkYCElMWCxYRTYrIhYrhGxsCQrEQIqyyc5ACAnL13MvjvXhzL3n3t/5zqpx1p3nlvsW3md9DA0FCQaDeH0+mh800dLq4t/hMUwGPRfSD9DQXs59dyt9vif09PTQ29tLhzwb7t6lqakRn7MFza0HVh4F7ASHRxjt8uILjtE99AKvfxBf/zPcvWPk60xk5abgeG7H//wFI5Oz9I1OMTA8zkinlz6/H7unH2eXH83F+hxq+27T0NJBzT8eKv/2UNHYyj23D531D8xVnWSeNZPwy0Hqhqu42+Kmpq2LyhYPtoYW/pIY650GLhffp6qxH02Hr4/R2RADI9P4x+cJTi4wOLFAQN7t3mcMTobQm8rJv6pjKhTh6fBLnr6Ylv9zDIzO4hdtuy+AszdIV2ACzYCvE8LzrMxPsrY4zUZohvWlGRZnJsReAlFu3iijUHdF3tdEOs3q0hwby/NsSFxobpql+Rkii3Mszk6hCdT+zpqzmBV7kdg1wq16VtqLiLQbxDdAj4XqvBMYMr8Hr43ldiMrDiPhNtE6SgiLv+oyyTdhSIxmqD6PdZfiFBMV0EpboZpg4bEBd0U2PCml+lIKxdqjKjwsiRVdpK1AngaiAuquyiXUZlB9zVDdxU2gCMIuC1Elm9PElOMGsw+lTZ91E5h5RIDXWW4tkGpKiHqusyqJZ1yVTD3UE5FuIo4iBbjZ8rqziED9JWoMvzLdXrbZmlSLV1rOT94EdlvUKhRAbVEWI48sLDksrDkEJuNSTFq+qALxlOC0/kyjOYc1t1md4XLrG8BXLa+7jASqz1J5JYOQQ0kgIGUE/wPzWBMRbiPdN7Lp/zMXOs3qTJXB02N+A3hdHc9Q7QVcNu1rnTpTe+EroDpDozgFzDSJNRewKrNQNh16rJc2SwR48jVwRQLnm3WM39OLzqDqlOuIyHUoi9IE6qRCt0k9kVW78rFwM6uchtpyt4nbAjRkKkA5G6k62qYXkyWKLiI6JTYsywpLrGa88TJ0mVh2mAjZjWw4rrHhMbPsUm6uBJ5aqL+cjDUnEfpLiThN6pYVHR0m2baNqNsiOyiSsUnLmaePY7z6G70VZ/DbTnLHmkdNsZbB8hQ8tgxKC3NJT00kfn8sNsN5PBVZDFac4mHZOaotFyRHGv03syjXZVJlzkOzI/44Md8lkb77XfK+3cLhtNMcSzpK6antnEuKZU+ylk/3xfPB9hg+T8wgbc/7XD30NslpPxB3IhVr6lYKUr5g37GTfJ2chWZvYioffrmb93bs5a2Pd7Lt4BF2Jf7IAW0BX53IIuFMLjFxCWzdvZ/PDhxmy7ZY3vlkJx99k0DskWQOaXXsSs0h7pSWhJ+y+Q8yiCewNTw7vQAAAABJRU5ErkJggg==')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"wuziqi\",\n    \"title\": \"wuziqi\",\n    \"src\": \"/static/dbc4f0524d6aac960cb57bbdf65c5cd6/45ebc/wuziqi.png\",\n    \"srcSet\": [\"/static/dbc4f0524d6aac960cb57bbdf65c5cd6/2c191/wuziqi.png 259w\", \"/static/dbc4f0524d6aac960cb57bbdf65c5cd6/86b01/wuziqi.png 518w\", \"/static/dbc4f0524d6aac960cb57bbdf65c5cd6/45ebc/wuziqi.png 785w\"],\n    \"sizes\": \"(max-width: 785px) 100vw, 785px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"style\": {},\n    \"\\\"center\\\"}}\": \"\"\n  }, \"\\u4E94\\u5B50\\u68CB\\u9884\\u89C8\\u56FE\"), \"\\n  \"), \"\\n  \", mdx(\"div\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"auto\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"div\", {\n    parentName: \"div\"\n  }, mdx(\"strong\", {\n    parentName: \"div\"\n  }, \"\\u4E94\\u5B50\\u68CB\")), \"\\n    \", mdx(\"div\", {\n    parentName: \"div\"\n  }, \"\\b\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"\\u8FD9\\u662F\\u4E00\\u4E2A\\u591A\\u4EBA\\u6E38\\u620F\\uFF0C\\u7EAF Dom \\u5B9E\\u73B0\\u7684\\u4EA4\\u4E92\\u3002\"), \"\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"\\u6570\\u636E\\u5C42\\u53EF\\u4EE5\\u517C\\u5BB9 WS \\u548C localstorage \\u4E8B\\u4EF6\\u4E24\\u79CD\\u65B9\\u5F0F\\uFF0C\\u8FD9\\u91CC\\u7528\\u7684\\u662F localstorage\\uFF0C\\u652F\\u6301\\u591A\\u4EBA\\u8FDB\\u5165\\uFF0C\\u591A\\u4EBA\\u56F4\\u89C2\\uFF0C\\u968F\\u65F6\\u8FDB\\u5165\\u3002\"), \"\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"(\\u8BF7\\u5728\\u540C\\u4E00\\u4E2A\\u6D4F\\u89C8\\u5668\\u7684\\u4E0D\\u540C Tab \\u4E0B\\u6D4F\\u89C8\\uFF0C\\u4E0D\\u7136\\u65E0\\u6CD5\\u901A\\u8FC7 localstorage \\u901A\\u4FE1)\"), \"\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=wuziqi&uid=100\"\n  }, \"\\u623F\\u4E3B\"), \" |\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=wuziqi&uid=101\"\n  }, \"\\u73A9\\u5BB6 1\"), \" |\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=wuziqi&uid=102\"\n  }, \"\\u73A9\\u5BB6 2\"), \"\\n    \"), \"\\n  \")), mdx(\"hr\", null), mdx(\"div\", {\n    \"style\": {},\n    \"\\\"flex\\\"}}\": \"\"\n  }, \"\\n  \", mdx(\"figure\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"200px\\\",\": \"\",\n    \"flexshrink:\": \"\",\n    \"\\\"0\\\",\": \"\",\n    \"marginright:\": \"\",\n    \"\\\"20px\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"figure\",\n    \"className\": \"gatsby-resp-image-wrapper\",\n    \"style\": {\n      \"position\": \"relative\",\n      \"display\": \"block\",\n      \"marginLeft\": \"auto\",\n      \"marginRight\": \"auto\",\n      \"maxWidth\": \"790px\"\n    }\n  }, \"\\n      \", mdx(\"a\", {\n    parentName: \"span\",\n    \"className\": \"gatsby-resp-image-link\",\n    \"href\": \"/static/9b3c5287bf53ff35bbd5265473d3760c/43e8c/maze.png\",\n    \"style\": {\n      \"display\": \"block\"\n    },\n    \"target\": \"_blank\",\n    \"rel\": [\"noopener\"]\n  }, \"\\n    \", mdx(\"span\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-background-image\",\n    \"style\": {\n      \"paddingBottom\": \"86.87258687258687%\",\n      \"position\": \"relative\",\n      \"bottom\": \"0\",\n      \"left\": \"0\",\n      \"backgroundImage\": \"url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAARCAYAAADdRIy+AAAACXBIWXMAAAsSAAALEgHS3X78AAAEKUlEQVQ4y0WU2VNTZxjG89/0ulXaCgIRkEWtbS/qqKNFkNHRAZKQlSwQrQhIAMOWkz0hCWslEhEdF1ZBBKsTLFWL1mmnjtNObzrj/a/viXS8eOacfOd9n/Msc6Lp99pwXYtiyzzCc3OTxPwm7sk1rIFpfkjNk5rLYr14mXNnvsM9qqAbvYd7Yp3AzENcE48wp5YxK9foTGRo67mK5vqck+U1N9mkjX8W23m/0c7bpUu8uevgyYSet9kF/J4O2nqP8fBnDw+nW3m30c/7n3r5c93LH3O9PIo28XJtmunxETTphSDbv1wne09hayXIpmBrNcTztTDr8wobzx7j8XRxoaeeN6/TbN3t4eUDL1tLXl4se9le9JK9083jx/eJJ+JoEgsvuP8XRF5B7LXg1UfEt2HqbzAEMzi6I6z/K2dynvztIxI71/Q76Lj5FI19fIzTkx6OpdqoneikeryDk6PtnBDUjLVTd6MPY98QNa0XOTMToHZykLNTg9RMdPP9eJfMe6gVVKe9OJIJNM3JKIeDFnb1N/D5YAN5O9g9UE/+UAN7IiZ0V73UuJxUJGzs8VkpDljRBh0yp5Odegp8jeT5G2mK+tDYknGOx1op96uDRirCVgr9RkqCZrRyLU06MXj7qXa5+GrExb6AjfKIg4Mxp5BaKJW5MkFx1II5FkBjTkWpkh+lPjP7giZZMFLkbxJCE6VyX5Z00KgqbHFxKOWkULFQFjLLS/UUKLqdOZMQmjFEFbE8EqFSCEuEMF/Ry3BzztIXQzr2+gxoh+1iuY+6VhdVQl4sCsvCLkpDNkpCTr6UmQJBfsgolv1CmIpzROSXyZv3+g2Uh22yZEEr6ooVUZqwoxdCVeHhUZecWzkQuyCW3TniyoidEtVVxIxRJbSnhjkWa8kRFqkWxY5qWc1GtVyRckmGHwgPSYYFPr08NwiRQ2ybODx8SXJ35Cxb4pKhQwi/DdvJHzSIwiYZNrJHEQuCwh3L/yuskoLyBiQKebY/IgWJwkK/5ClOVMs7ChN8HXVQ6WuW1kzsD1o54nfnmi5V206oLQ9wSlr+Zsydy6ssJJmHxHpAtavufGjZFA+iaUmFOBI2cXBIWpbmKvw6qnxGUauTCCTTYcnG00mtq5mK4SZ2958TFzohPo92sFHUimLZyw/pMAd70fTc2kBZzxJeWSC+MoeyukHv8l0Cq7N0ZqL0zt3ALv8i9Z0K3qfP6Fm8Td/yLbofLNCeu7/B5ZkYbbMjXBmWb/lkVx3WMR0rGSvZdAOJxSnuZV/y/PoFVqc9/Lj5O47BESrPHsSRbmEp42R7xsbU/Ci3t97yeraLp5lO0k9+5crkfTSnWj/DEtFiDVWJ5HL0fi26yAmOXt7F0bZPqRuootpWz4FTn8iXsBdruCIHfaAYU+I0J7uKON6Rl5s7f8XMf4S3emOxhBKfAAAAAElFTkSuQmCC')\",\n      \"backgroundSize\": \"cover\",\n      \"display\": \"block\"\n    }\n  }), \"\\n  \", mdx(\"img\", {\n    parentName: \"a\",\n    \"className\": \"gatsby-resp-image-image\",\n    \"alt\": \"maze\",\n    \"title\": \"maze\",\n    \"src\": \"/static/9b3c5287bf53ff35bbd5265473d3760c/43e8c/maze.png\",\n    \"srcSet\": [\"/static/9b3c5287bf53ff35bbd5265473d3760c/2c191/maze.png 259w\", \"/static/9b3c5287bf53ff35bbd5265473d3760c/86b01/maze.png 518w\", \"/static/9b3c5287bf53ff35bbd5265473d3760c/43e8c/maze.png 790w\"],\n    \"sizes\": \"(max-width: 790px) 100vw, 790px\",\n    \"style\": {\n      \"width\": \"100%\",\n      \"height\": \"100%\",\n      \"margin\": \"0\",\n      \"verticalAlign\": \"middle\",\n      \"position\": \"absolute\",\n      \"top\": \"0\",\n      \"left\": \"0\"\n    },\n    \"loading\": \"lazy\"\n  }), \"\\n  \"), \"\\n    \"), \"\\n    \", mdx(\"figcaption\", {\n    parentName: \"figure\",\n    \"style\": {},\n    \"\\\"center\\\"}}\": \"\"\n  }, \"\\u8FF7\\u5BAB\\u9884\\u89C8\\u56FE\"), \"\\n  \"), \"\\n  \", mdx(\"div\", {\n    parentName: \"div\",\n    \"style\": {},\n    \"\\\"auto\\\"}}\": \"\"\n  }, \"\\n    \", mdx(\"div\", {\n    parentName: \"div\"\n  }, mdx(\"strong\", {\n    parentName: \"div\"\n  }, \"\\u8FF7\\u5BAB\")), \"\\n    \", mdx(\"div\", {\n    parentName: \"div\"\n  }, \"\\b\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"\\u8FD9\\u662F\\u4E00\\u4E2A\\u591A\\u4EBA\\u6E38\\u620F\\uFF0C\\u7EAF Dom \\u5B9E\\u73B0\\u7684\\u4EA4\\u4E92\\uFF0C\\u4E24\\u4E2A\\u4EBA\\u4E0A\\u4E0B\\u5DE6\\u53F3\\u6ED1\\u52A8\\u6765\\u627E\\u51FA\\u53E3\\u3002\"), \"\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"\\u6570\\u636E\\u5C42\\u53EF\\u4EE5\\u517C\\u5BB9 WS \\u548C localstorage \\u4E8B\\u4EF6\\u4E24\\u79CD\\u65B9\\u5F0F\\uFF0C\\u8FD9\\u91CC\\u7528\\u7684\\u662F localstorage\\uFF0C\\u652F\\u6301\\u591A\\u4EBA\\u8FDB\\u5165\\uFF0C\\u591A\\u4EBA\\u56F4\\u89C2\\uFF0C\\u968F\\u65F6\\u8FDB\\u5165\\u3002\"), \"\\n      \", mdx(\"p\", {\n    parentName: \"div\"\n  }, \"(\\u8BF7\\u5728\\u540C\\u4E00\\u4E2A\\u6D4F\\u89C8\\u5668\\u7684\\u4E0D\\u540C Tab \\u4E0B\\u6D4F\\u89C8\\uFF0C\\u4E0D\\u7136\\u65E0\\u6CD5\\u901A\\u8FC7 localstorage \\u901A\\u4FE1)\"), \"\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=maze&uid=100\"\n  }, \"\\u623F\\u4E3B\"), \" |\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=maze&uid=101\"\n  }, \"\\u73A9\\u5BB6 1\"), \" |\\n      \", mdx(\"a\", {\n    parentName: \"div\",\n    \"target\": \"_blank\",\n    \"href\": \"/synch-game/index.html?fake&game=maze&uid=102\"\n  }, \"\\u73A9\\u5BB6 2\"), \"\\n    \"), \"\\n  \")), mdx(\"hr\", null));\n}\n;\nMDXContent.isMDXComponent = true;"}}}}